html.celebration {
  --main: hsla(0, 0%, 100%, 0.9);
  --theme: #ff3b3b!important;
  --background: rgba(201, 57, 58, 0.95);
  --title: #fff;
  --light-a: #fff;
  --light-b: #f13a3a;
  --light-c: #dcdcdc;
  --light-d: #f13a3a;
  --dark-a: #eee;
  --dark-b: #eee;
  --dark-c: #fff;
  --dark-d: #e4e4e4;
  --dark-e: #e4e4e4;
  --color-a: #f13a3a;
  --bg-a: hsla(0,0%,100%,.102);
  --bg-b: #ec9494;
  --bg-c: #ea5454;
  --bg-d: rgba(189, 13, 14, 0.8);
  --bg-e: #f13a3a;
  --bg-g: #ec9494;
  --bg-j: hsla(0, 0%, 100%, 0.102);
  --bg-k: hsla(0, 0%, 100%, 0.102);
  --bg-l: rgb(239 107 107 / 80%);
  --bg-h: hsl(0deg 68% 53% / 80%);
  --box-shadow: 1px 1px 3px 1px #cb0b0b;
  --comm-color-a: #eee;
  --comm-color-c: #eee;
  --comm-color-b: #eee;
  --comm-color-d: #bbb;
  --comm-color-f: #eee;
  --comm-color-i: #ddd;
  --comm-bg-a: rgb(181 51 51 / 80%);
  --comm-bg-b: rgb(204 78 78 / 90%);
  --comm-bg-h: rgb(204 78 78 / 90%);

  background-color: #ec9494;

  body {
    background: rgb(145 11 11 / 90%);
  }

  .banner .banner-waves {
    fill: #b81213;
  }

  .navbar .navbar-search .input, .navbar .navbar-search-mobile .input {
    &:focus {
      background: var(--bg-a);
    }

    &::placeholder {
      color: #ec9494;
    }
  }

  .navbar-slideout {
    background: rgb(145, 11, 11);
  }

  .navbar-slideout-menu {
    background: var(--background);
  }

  .banner:before {
    background: url();
  }

  .card {
    border-radius: 0;

    &:hover {
      background: #b81213;
    }
  }

  .hljs {
    color: hsla(0, 25%, 94%, 0.9);
    background: hsl(0deg 68% 53% / 80%);
  }

  .main-content {

    .note {
      background: url();
    }

    figure {

      pre>ul, figcaption {
        color: #eebfbf;
        background: rgb(255 132 132 / 40%);
      }

      pre code {
        color: hsla(0, 25%, 94%, 0.9);
      }
    }

    .pwd {
      background: var(--bg-g);
      color: var(--bg-g);
    }
  }

  .tips {
    background-color: rgb(253 237 237 / 90%)!important;
  }

  .widget.profile .address {
    color: #e4e4e4;
  }

  .links:not(.widget) .link-desc {
    color: #e4e4e4;
  }

  .aplayer .aplayer-info .aplayer-music .aplayer-author,
  .aplayer .aplayer-lrc p,
  .aplayer .aplayer-info .aplayer-controller .aplayer-time,
  .aplayer .aplayer-list ol li .aplayer-list-author,
  .aplayer .aplayer-list ol li .aplayer-list-index {
    color: #ddd;
  }

  .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
    fill: #ddd;
  }
}